<!DOCTYPE html>
<html lang="zh-CN">
<head>

<#include "bases/global_style.ftl">
<#include "bases/global_js.ftl">
<#include "bases/combo.ftl">

<script>
	var curent_page=${currentpage};

	var addformv,editformv,updateformv;
	jQuery(document).ready(function()
	{
		var optInit = getOptionsFromForm();
		$("#Pagination").pagination(${totalRecord}, optInit);
		App.init();

		addformv=$("#addForm").validate({
        	debug:false //只验证不提交表单
    	});
    	editformv=$("#editForm").validate({
        	debug:false //只验证不提交表单
    	});
    	updateformv=$("#updateForm").validate({
        	debug:false //只验证不提交表单
    	});

    	$('input:radio[name="free"]').change( function(){//首末次免费radio button change事件
        	var free=$("#addForm").find("input[name=free]:checked").val();
    	    if(free==4){
    		    $("#firstfee").css("display","none");
    		    $("#lastfee").css("display","none");
    		}else if(free==3){
    			$("#firstfee").css("display","none");
    			$("#lastfee").css("display","");
    		}else if(free==2){
    			$("#firstfee").css("display","");
    			$("#lastfee").css("display","none");
    		}else{
    			$("#firstfee").css("display","");
    			$("#lastfee").css("display","");
    		}
    	});

    	$('input:radio[name="free"]').change( function(){//首末次免费radio button change事件
        	var free=$("#editForm").find("input[name=free]:checked").val();
        	$("#editDiv #editFirstfee").val('');
      		$("#editDiv #editLastfee").val('');
    	    if(free==4){
    		    $(".firstfee").css("display","none");
    		    $(".lastfee").css("display","none");
    		}else if(free==3){
    			$(".firstfee").css("display","none");
    			$(".lastfee").css("display","");
    		}else if(free==2){
    			$(".firstfee").css("display","");
    			$(".lastfee").css("display","none");
    		}else{
    			$(".firstfee").css("display","");
    			$(".lastfee").css("display","");
    		}
    	});
    	
	});

	function pageselectCallback(page_index, jq)
	{
    	if (curent_page != page_index)
    	{
        	$("#currentpage").val(page_index);
        	$("#searchform").submit();
        	return true;
    	}
	}

	function addEntity()
	{
		addformv.form();
   		if(addformv.valid()){
   			$("#addForm").submit();
	   	}
	}

	function showEditDiv(id)
	{
		$.ajax({
			type : "POST",
    		url : CONTEXT+'/get_car_by_id?id='+id,
    		dataType : "json",
  	        cache : false,
  	      	async : false,
  	      	success : function(data) {
  	      		var url1="${base}/checkNameUnique?category=CarPlate&where=and del=0 and id<>"+data.id;
  	      		var url2="${base}/checkNameUnique?category=CarFrame&where=and del=0 and id<>"+data.id;
  	      		$("#editDiv #editId").val(data.id);
  	      		$("#editDiv #editDate").val(new Date(parseInt(data.platedate)).pattern("yyyy-MM-dd"));
  	      		$("#editDiv #editPlate").val(data.carplate);
  	      		$("#editDiv #editFrame").val(data.framenumber);
  	      		$("#editDiv #editFrame").attr("data-rule-remote",url2);
  	      		$("#editDiv #editColor option[value='"+data.color+"']").attr("selected", true);
  	      		$("#editDiv #editCartype option[value='"+data.cartypeid+"']").attr("selected", true);
  	      		$("#editDiv #editBusiness option[value='"+data.business_type+"']").attr("selected", true);
  	      		$("#editDiv #editCompany option[value='"+data.companyid+"']").attr("selected", true);
  	      		$("#editDiv #editFirstfee").val(data.firstfee/100);
	      		$("#editDiv #editLastfee").val(data.lastfee/100);
  	      		if(data.free==1){
  	      			$("#1").prop( "checked", true );
  	      			$(".firstfee").css("display","");
    				$(".lastfee").css("display","");
  	  	      	}else if(data.free==2){
  	  	      		$("#2").prop( "checked", true );
  	  	      		$(".firstfee").css("display","");
    				$(".lastfee").css("display","none");
  	  	  	    }else if(data.free==3){
  	  	  	  		$("#3").prop( "checked", true );
  	  	  	  		$(".firstfee").css("display","none");
  					$(".lastfee").css("display","");
  	  	  	  	}else{
  	  	  	  		$("#4").prop( "checked", true );
  	  	  	  		$(".firstfee").css("display","none");
  		    		$(".lastfee").css("display","none");
  	  	  	  	}
  	      		showPopup("editDiv");
  	      	}
		});
	}
	
	function updateTable()
	{
		editformv.form();
   		if(editformv.valid()){
   			$("#editForm").submit();
	   	}
	}

	function changePlate(id)
	{
		$.ajax({
			type : "POST",
    		url : CONTEXT+'/get_car_by_id?id='+id,
    		dataType : "json",  
  	        cache : false,  
  	      	async : false,
  	      	success : function(data) {
  	      		$("#updateDiv #updateId").val(data.id);
  	      		$("#updateDiv #oldCarplate").val(data.carplate);
  	      		showPopup("updateDiv");
  	      	}
		});
	}

	function updateCarplate()
	{
		updateformv.form();
   		if(updateformv.valid()){
   			$("#updateForm").submit();
	   	}
	}

	function showPopup(div) 
	{//弹出层
    	var backDiv = document.getElementById("backDiv");
    	backDiv.style.top = "0%";//设置弹出层距离上边界的距离
    	backDiv.style.left = "0%";//设置弹出层距离左边界的距离
    	backDiv.style.width = "100%";//设置弹出层的宽度
    	backDiv.style.height = "100%";//设置弹出层的高度
    	backDiv.style.visibility = "visible";

    	var addDiv = document.getElementById(div);
    	addDiv.style.top = "10%";//设置弹出层距离上边界的距离
    	addDiv.style.left = "30%";//设置弹出层距离左边界的距离
    	addDiv.style.width = "40%";//设置弹出层的宽度
    	addDiv.style.height = "auto";//设置弹出层的高度
    	addDiv.style.visibility = "visible";

	}

	function hideEditTable() 
    {//关闭层
    	addformv.resetForm();
        var backDiv = document.getElementById("backDiv");
        backDiv.style.visibility = "hidden";

        var addDiv = document.getElementById("addDiv");
        addDiv.style.visibility = "hidden";

    }

	function hidePopup() 
    {//关闭层

        // resetLabel();
        var backDiv = document.getElementById("backDiv");
        backDiv.style.visibility = "hidden";

        var addDiv = document.getElementById("addDiv");
        addDiv.style.visibility = "hidden";

        var editDiv = document.getElementById("editDiv");
        editDiv.style.visibility = "hidden";

        var updateDiv = document.getElementById("updateDiv");
        updateDiv.style.visibility = "hidden";
    }

	function allDivHide() 
    {
        hidePopup();
        hideEditTable();
    }

	function fresh()
    {
    	location.href='${base}/car_list';
    }
</script>
</head>

<body>

	<div id="backDiv" onclick="allDivHide()" style="position: absolute;visibility: hidden;position:fixed;overflow: hidden;solid: #000000;background-color: #000000;padding: 1px;z-index: 99;filter:alpha(opacity=50);opacity: 0.5;"></div>
	
	<!-- 新增车辆 -->
	<div id="addDiv" class="row-fluid" style="position: absolute;visibility: hidden;overflow: hidden;padding: 1px;z-index: 100;background-color: #FFFFFF;">
		<div class="span12">
        <div class="portlet box green" style="padding: 0px;margin:0px;">
            <div class="portlet-title">
                <div class="caption"><i class="fa fa-edit"></i>新增车辆</div>
                <a href="javascript:hideEditTable();" class="remove"></a>
            </div>
            
            <div class="portlet-body flip-scroll">
            	<form id="addForm" action="<@spring.url '/add_car'></@spring.url>" method="POST">
            		<table class="table-bordered table-striped table-condensed flip-content">
            			<tbody role="alert" aria-live="polite" aria-relevant="all">
            				<tr class="even">
                				<td style="text-align: right;">上牌日期<span class="fill-must">*</span></td>
                            	<td class="even">
                                   	<input class="m-wrap span8" style="margin-top: 10px" type="text" id="addDate" name="platedate" placeholder="请输入上牌日期" required onFocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"/>
                            	</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">车牌号<span class="fill-must">*</span></td>
                				<td id="checkcar" class="even">
                					<input class="m-wrap span8" style="margin-top: 10px" type="text" id="addPlate" name="carplate" onblur="check_car($(this).val(),'checkcar')" placeholder="请输入车牌号" required data-rule-remote="${base}/checkNameUnique?category=CarPlate&where=and del=0" data-msg-remote="车牌号已存在" data-rule-carbrand="true"/>
                				</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">车架号<span class="fill-must">*</span></td>
                				<td class="even">
                					<input class="m-wrap span8" style="margin-top: 10px" type="text" id="addFrame" name="framenumber" placeholder="请输入车架号" required data-rule-remote="${base}/checkNameUnique?category=CarFrame&where=and del=0" data-msg-remote="车架号已存在"/>
                				</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">颜色</td>
                				<td class="even">
                					<select  id="addColor" name="color" class="m-wrap span8" style="margin-top: 10px" placeholder="">
										<option value="">===请选择===</option>
				  						<#if colorList?exists>
	                                		<#list colorList as colist> 
	                                    		<option value="${colist.getKey()}"><#if colist.getValue()?exists>${colist.getValue()}</#if></option>
	                                		</#list>
                                  		</#if>
									</select>
                				</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">车型<span class="fill-must">*</span></td>
                				<td class="even">
                					<select id="addCartype" name="cartypeid" class="m-wrap span8" style="margin-top: 10px" placeholder="" required>
                						<option value="">===请选择===</option>
										<#if cartypeList?exists>
											<#list cartypeList as ctlist>
												<option value="${ctlist.getKey()}"><#if ctlist.getName()?exists>${ctlist.getName()}</#if></option>
											</#list>
										</#if>
                					</select>
                				</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">运营类型<span class="fill-must">*</span></td>
                				<td class="even">
                					<select  id="addBusiness" name="business_type" class="m-wrap span8" style="margin-top: 10px" placeholder="" required>
										<option value="">===请选择===</option>
				  						<#if businessList?exists>
	                                		<#list businessList as blist> 
	                                    		<option value="${blist.getKey()}"><#if blist.getValue()?exists>${blist.getValue()}</#if></option>
	                                		</#list>
                                  		</#if>
									</select>
                				</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">所属公司<span class="fill-must">*</span></td>
                				<td class="even">
                					<select  id="addCompany" name="companyid" class="m-wrap span8" style="margin-top: 10px" placeholder="" required>
										<option value="">===请选择===</option>
				  						<#if companyList?exists>
	                                		<#list companyList as clist> 
	                                    		<option value="${clist.getKey()}"><#if clist.getName()?exists>${clist.getName()}</#if></option>
	                                		</#list>
                                  		</#if>
									</select>
                				</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">首末次免费<span class="fill-must">*</span></td>
								<td class="even">
									<label class="radio-inline">
										<input type="radio" name="free" value="1" checked required> 都免费
									</label>
									<label class="radio-inline">
										<input type="radio" name="free" value="2" required> 仅首次免费
									</label>
									<label class="radio-inline">
										<input type="radio" name="free" value="3" required> 仅末次免费
									</label>
									<label class="radio-inline">
										<input type="radio" name="free" value="4" required> 都不免费
									</label>
								 </td>
                			</tr>
                			<tr id="firstfee" class="even">
								 <td style="text-align: right;">首次免费价格<span class="fill-must">*</span></td>
								 <td class="even">
                					<input id="addFirstfee" type="number" onchange="$(this).next().val($(this).val()*100)" style="margin-top: 10px" placeholder="请输入首次免费价格" required /> 元 / 次
                					<input type="hidden" name="firstfee" />
								 </td>
							</tr>
							<tr id="lastfee" class="even">
								 <td style="text-align: right;">末次免费价格<span class="fill-must">*</span></td>
								 <td class="even">
                					<input id="addLastfee" type="number" onchange="$(this).next().val($(this).val()*100)" style="margin-top: 10px" placeholder="请输入末次免费价格" required /> 元 / 次
                					<input type="hidden" name="lastfee" />
								 </td>
							</tr>
            			</tbody>
            		</table>
            		<div class="controls controls-row" style="text-align: right;">
                        <input type="button" value="保存" class="btn green" onclick="addEntity()"/>
                        <input type="button" value="取消" class="btn green" onclick="allDivHide()" />
                    </div>
            	</form>
            </div>
        </div>
        </div>
	</div>
	
	<!-- 编辑车辆 -->
	<div id="editDiv" class="row-fluid" style="position: absolute;visibility: hidden;overflow: hidden;padding: 1px;z-index: 100;background-color: #FFFFFF;">
		<div class="span12">
        <div class="portlet box green" style="margin: -1px;">
            <div class="portlet-title">
                <div class="caption"><i class="icon-edit"></i>编辑车辆</div>
                <a href="javascript:hideEditTable();" class="remove"></a>
            </div>
            
            <div class="portlet-body flip-scroll">
            	<form id="editForm" action="<@spring.url '/edit_car'></@spring.url>" method="POST">
            		<table class="table-bordered table-striped table-condensed flip-content">
            			<tbody role="alert" aria-live="polite" aria-relevant="all">
            			<input type="hidden" id="editId" name="id"/>
            				<tr class="even">
                				<td style="text-align: right;">上牌日期<span class="fill-must">*</span></td>
                            	<td class="even">
                                   	<input class="m-wrap span8" style="margin-top: 10px" type="text" id="editDate" name="platedate" placeholder="请输入上牌日期" required onFocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"/>
                            	</td>
                			</tr>
                			<tr class="even" style="display:none;">
                				<td style="text-align: right;">车牌号<span class="fill-must">*</span></td>
                				<td id="carplate" class="even">
                					<input class="m-wrap span8" style="margin-top: 10px" type="text" id="editPlate" name="carplate" onblur="check_car($(this).val(),'carplate')" placeholder="请输入车牌号" required data-rule-remote="" data-msg-remote="车牌号已存在" onkeyup="editformv.form();"/>
                				</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">车架号<span class="fill-must">*</span></td>
                				<td class="even">
                					<input class="m-wrap span8" style="margin-top: 10px" type="text" id="editFrame" name="framenumber" placeholder="请输入车架号" required data-rule-remote="" data-msg-remote="车架号已存在" onkeyup="editformv.form();"/>
                				</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">颜色</td>
                				<td class="even">
                					<select  id="editColor" name="color" class="m-wrap span8" style="margin-top: 10px" placeholder="">
										<option value="">===请选择===</option>
				  						<#if colorList?exists>
	                                		<#list colorList as colist> 
	                                    		<option value="${colist.getKey()}"><#if colist.getValue()?exists>${colist.getValue()}</#if></option>
	                                		</#list>
                                  		</#if>
									</select>
                				</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">车型<span class="fill-must">*</span></td>
                				<td class="even">
                					<select id="editCartype" name="cartypeid" class="m-wrap span8" style="margin-top: 10px" placeholder="" required>
                						<option value="">===请选择===</option>
										<#if cartypeList?exists>
											<#list cartypeList as ctlist>
												<option value="${ctlist.getKey()}"><#if ctlist.getName()?exists>${ctlist.getName()}</#if></option>
											</#list>
										</#if>
                					</select>
                				</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">运营类型<span class="fill-must">*</span></td>
                				<td class="even">
                					<select  id="editBusiness" name="business_type" class="m-wrap span8" style="margin-top: 10px" placeholder="" required>
										<option value="">===请选择===</option>
				  						<#if businessList?exists>
	                                		<#list businessList as blist> 
	                                    		<option value="${blist.getKey()}"><#if blist.getValue()?exists>${blist.getValue()}</#if></option>
	                                		</#list>
                                  		</#if>
									</select>
                				</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">所属公司<span class="fill-must">*</span></td>
                				<td class="even">
                					<select  id="editCompany" name="companyid" class="m-wrap span8" style="margin-top: 10px" placeholder="" required>
										<option value="">===请选择===</option>
				  						<#if companyList?exists>
	                                		<#list companyList as clist> 
	                                    		<option value="${clist.getKey()}"><#if clist.getName()?exists>${clist.getName()}</#if></option>
	                                		</#list>
                                  		</#if>
									</select>
                				</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">首末次免费<span class="fill-must">*</span></td>
								<td class="even">
									<label class="radio-inline">
										<input id="1" type="radio" name="free" value="1" required> 都免费
									</label>
									<label class="radio-inline">
										<input id="2" type="radio" name="free" value="2" required> 仅首次免费
									</label>
									<label class="radio-inline">
										<input id="3" type="radio" name="free" value="3" required> 仅末次免费
									</label>
									<label class="radio-inline">
										<input id="4" type="radio" name="free" value="4" required> 都不免费
									</label>
								 </td>
                			</tr>
                			<tr class="even firstfee">
								 <td style="text-align: right;">首次免费价格<span class="fill-must">*</span></td>
								 <td class="even">
                					<input id="editFirstfee" type="number" onchange="$(this).next().val($(this).val()*100)" style="margin-top: 10px" placeholder="请输入首次免费价格" required /> 元 / 次
                					<input type="hidden" name="firstfee" />
								 </td>
							</tr>
							<tr class="even lastfee">
								 <td style="text-align: right;">末次免费价格<span class="fill-must">*</span></td>
								 <td class="even">
                					<input id="editLastfee" type="number" onchange="$(this).next().val($(this).val()*100)" style="margin-top: 10px" placeholder="请输入末次免费价格" required /> 元 / 次
                					<input type="hidden" name="lastfee" />
								 </td>
							</tr>
            			</tbody>
            		</table>
            		<div class="controls controls-row" style="text-align: right;">
                        <input type="button" value="保存" class="btn green" onclick="updateTable()"/>
                        <input type="button" value="取消" class="btn green" onclick="fresh()" />
                    </div>
            	</form>
            </div>
        </div>
        </div>
	</div>
	
	<!-- 车牌变更 -->
	<div id="updateDiv" class="row-fluid" style="position: absolute;visibility: hidden;overflow: hidden;padding: 1px;z-index: 100;background-color: #FFFFFF;">
		<div class="span12">
        <div class="portlet box green" style="margin: -1px;">
            <div class="portlet-title">
                <div class="caption"><i class="icon-edit"></i>车牌变更</div>
                <a href="javascript:hideEditTable();" class="remove"></a>
            </div>
            
            <div class="portlet-body flip-scroll">
            	<form id="updateForm" action="<@spring.url '/update_carplate'></@spring.url>" method="POST">
            		<table class="table-bordered table-striped table-condensed flip-content">
            			<tbody role="alert" aria-live="polite" aria-relevant="all">
            			<input type="hidden" id="updateId" name="id"/>
            				<tr class="even">
                				<td style="text-align: right;">原车牌<span class="fill-must">*</span></td>
                            	<td class="even">
                                   	<input class="m-wrap span8" style="margin-top: 10px" type="text" id="oldCarplate" name="" readonly="true"/>
                            	</td>
                			</tr>
                			<tr class="even">
                				<td style="text-align: right;">新车牌<span class="fill-must">*</span></td>
                				<td id="newlpate" class="even">
                					<input class="m-wrap span8" style="margin-top: 10px" type="text" id="newCarplate" name="carplate" onblur="check_car($(this).val(),'newlpate')" placeholder="请输入新车牌号" required data-rule-remote="${base}/checkNameUnique?category=CarPlate&where=and del=0" data-msg-remote="车牌号已存在"/>
                				</td>
                			</tr>
            			</tbody>
            		</table>
            		<div class="controls controls-row" style="text-align: right;">
                        <input type="button" value="保存" class="btn green" onclick="updateCarplate()"/>
                        <input type="button" value="取消" class="btn green" onclick="allDivHide()" />
                    </div>
            	</form>
            </div>
        </div>
        </div>
	</div>
<#include "bases/navhead.ftl">
<#include "bases/sidebar.ftl">

	<div class="page-container secMenu-content">    

     
        <div class="page-content">
     
            <div class="container-fluid">

                <div class="row-fluid">
                    <div class="span12">
                        <div class="portlet box green">
                            <div class="portlet-title">
                                <div class="caption"><i class="fa fa-cogs"></i>车辆管理</div>
	                            <div class="tools">
	                                <a href="javascript:window.location.reload()" class="reload"></a>
	                            </div>
                            </div>
                            
                            <div class="portlet-body flip-scroll">
                            	<form id="searchform" action="<@spring.url '/car_list'></@spring.url>" method="POST">
                            		<input  type="hidden" id="currentpage" name="page" value="0" />
                            		<input  type="hidden" id="postactionorder" name="postactionorder" />
                            		
                            		<div class="controls controls-row">
                            		
                            			<input type="text" name="carplate" class="form-control sheet-searchInput" value="<#if carplate?exists>${carplate}</#if>" placeholder="请输入车牌号">
                            			<input type="text" name="framenumber" class="form-control sheet-searchInput" value="<#if framenumber?exists>${framenumber}</#if>" placeholder="请输入车架号">
                            			
                            			<select name="cartypeid" class="form-control sheet-searchInput" value="${cartypeid!}">
											<option value="">请选择车型</option>
											<#if scartypeList??>
												<#list scartypeList as sctlist>
													<option value="${sctlist.getKey()}" <#if (cartypeid!'')=="${sctlist.getKey()}">selected="selected"</#if>><#if sctlist.getName()??>${sctlist.getName()}</#if></option>
												</#list>
											</#if>
										</select>
										
										<button type="submit" class="btn blue">搜索</button>
                            		</div>
                            		
                            		<div class="controls controls-row"  style="margin-top: 20px">
                            			<button type="button" class="btn green" onclick="showPopup('addDiv')"><i class="fa fa-plus"></i>新增车辆</button>
                            		</div>
                            		
                            		<table  class="table table-bordered table-hover table-striped table-condensed list-table">
                            			<thead class="flip-content">
                            				<tr>
	          									<th style="text-align: center;">上牌日期</th>
	          									<th style="text-align: center;">车牌号</th>
	          									<th style="text-align: center;">车架号</th>
	          									<th style="text-align: center;">车型</th>
	          									<th style="text-align: center;">车辆所属公司</th>
	          									<th style="text-align: center;">运营类别</th>
	          									<th style="text-align: center;width: 180px">操作</th>
	          								</tr>
                            			</thead>
                            			<tbody>
                            			<#list car_t as ct>
                            				<tr>
                            					<#if ct?exists>
	      								 		<td style="text-align: center;"><#if ct.getPlatedate()?exists>${ct.getPlatedate()?string("yyyy-MM-dd")}</#if></td>
	      								 		<td style="text-align: center;"><#if ct.getCarplate()?exists>${ct.getCarplate()}</#if></td>
	      								 		<td style="text-align: center;"><#if ct.getFramenumber()?exists>${ct.getFramenumber()}</#if></td>
	      								 		<td style="text-align: center;"><#if ct.getCartype()?exists>${ct.getCartype()}</#if></td>
	      								 		<td style="text-align: center;"><#if ct.getCompany()?exists>${ct.getCompany()}</#if></td>
	      								 		<td style="text-align: center;"><#if ct.getValue()?exists>${ct.getValue()}</#if></td>
	      								 		<td style="text-align: center;">
	      								 			<a id="editButton" onclick="showEditDiv('${ct.getId()}');" class="bianji">编辑</a>
	      								 			<#if ct.getFlag()??><#else><a id="editButton" onclick="changePlate('${ct.getId()}');" class="bianji">车牌变更</a></#if>
	      								 		</td>
	      								 		</#if>
                            				</tr>
                            			</#list>
                            			</tbody>
                            		</table>
                            		<div class="controls controls-row">
                                    	<div id="Pagination" class="pagination"></div>
                                    </div>
                            	</form>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
            
        </div>
        
    </div>
</body>